// @flow
import React, { type Node, Component } from 'react';
import Responsive from 'components/Base/Responsive';
import './LandingTemplate.scss';

type Props = { form: Node };

const LandingTemplate = ({ form }: Props) => {
    return (
        <Responsive className="landing-template">
            <div className="left-text">
                <div>
                    <h1>面朝大海，春暖花开</h1>
                    <h3>作者 : 海子</h3>
                    <div className="description">
                        <p>
                            从明天起，做一个幸福的人 喂马、劈柴，周游世界<br />
                            从明天起，关心粮食和蔬菜 <br />
                            我有一所房子，面朝大海，春暖花开<br />
                            从明天起，和每一个亲人通信 <br />
                            告诉他们我的幸福 <br />
                            那幸福的闪电告诉我的 <br />
                            我将告诉每一个人 <br />
                            给每一条河每一座山取一个温暖的名字<br />
                            陌生人，我也为你祝福<br />
                            愿你有一个灿烂的前程 <br />
                            愿你有情人终成眷属 <br />
                            愿你在尘世获得幸福<br />
                            我只愿面朝大海，春暖花开
                        </p>
                    </div>
                </div>
            </div>
            <div className="right-form">
                <div className="black-box">
                    <div className="login-title">
                        <h2>登录你会发现更多你的生活</h2>
                    </div>
                    {form}
                    <div className="register-button">在此登录</div>
                </div>
            </div>
        </Responsive>
    );
};

export default LandingTemplate;
